<template>
    <div class="agreement-page">
        <div class="agreement-container">
            <h1 class="agreement-title">面试橙子隐私政策</h1>

            <p class="agreement-intro">
                欢迎使用由上海微迪欧文化传播有限公司提供的"面试橙子"网页服务！我们深知保护用户隐私的重要性，本隐私政策将向你详细介绍我们如何收集、使用、存储和共享你的个人信息。请在使用我们的服务前，仔细阅读并理解本隐私政策。
            </p>

            <section class="agreement-section">
                <h2 class="section-title">一、信息收集</h2>
                <ol class="section-list">
                    <li><strong>注册信息</strong>：当你注册"面试橙子"账号时，我们会收集你的手机号码，用于创建账号及身份验证。</li>
                    <li><strong>服务使用信息</strong>：在你使用面试模拟服务过程中，我们会收集你的操作记录，例如模拟面试的次数、时长，以及你与 AI
                        面试官的互动内容，包括提问与回答，以提升服务质量和优化用户体验。</li>
                    <li><strong>设备信息</strong>：我们可能会收集你的设备型号、操作系统版本、浏览器类型等信息，以确保服务在不同设备上的兼容性和稳定性。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">二、信息使用</h2>
                <ol class="section-list">
                    <li><strong>提供服务</strong>：我们使用收集到的信息为你提供面试模拟服务，生成个性化的面试评估报告，帮助你提升面试能力。</li>
                    <li><strong>服务改进</strong>：通过分析你的使用数据，我们可以了解用户需求，优化服务内容和功能，为你提供更符合需求的面试模拟体验。</li>
                    <li><strong>通知与沟通</strong>：我们可能会使用你的联系方式，向你发送服务相关的通知，如服务更新、重要提示等。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">三、信息存储</h2>
                <ol class="section-list">
                    <li><strong>存储期限</strong>：我们会在为你提供服务所需的期限内保留你的个人信息，除非法律有更长的保留要求。当你账号注销后，我们将在合理期限内删除或匿名化处理你的个人信息。
                    </li>
                    <li><strong>存储安全</strong>：我们采取合理的技术和管理措施，保障你的个人信息安全，防止信息泄露、篡改和丢失。这些措施包括数据加密、访问控制、定期安全审计等。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">四、信息共享与披露</h2>
                <ol class="section-list">
                    <li><strong>内部共享</strong>：为了提供服务和运营管理，我们可能会将你的信息在上海微迪欧文化传播有限公司内部进行共享，但我们会确保这些部门遵守本隐私政策。</li>
                    <li><strong>第三方合作</strong>：在某些情况下，我们可能会与第三方合作伙伴共享你的个人信息，例如支付服务提供商以处理支付事务。但我们只会共享必要的信息，且要求第三方遵守严格的保密义务。
                    </li>
                    <li><strong>法律要求披露</strong>：在法律要求或为了保护我们的合法权益、用户安全的情况下，我们可能会披露你的个人信息。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">五、用户权利</h2>
                <ol class="section-list">
                    <li><strong>访问权</strong>：你有权访问我们持有的关于你的个人信息，了解其使用和存储情况。</li>
                    <li><strong>更正权</strong>：如果你发现我们持有的你的个人信息不准确或不完整，你有权要求我们进行更正。</li>
                    <li><strong>删除权</strong>：在符合法律法规要求的前提下，你有权要求我们删除你的个人信息。</li>
                    <li><strong>撤回同意权</strong>：对于基于你同意而收集和使用的个人信息，你有权随时撤回你的同意。</li>
                </ol>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">六、儿童隐私保护</h2>
                <p class="section-content">
                    我们的服务主要面向成年人。如果你是未满18周岁的未成年人，请在法定监护人的陪同下阅读本隐私政策，并在获得法定监护人同意的前提下使用我们的服务。如果我们发现自己在未获得可证实的父母同意的情况下收集了儿童的个人信息，我们会设法尽快删除相关数据。
                </p>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">七、隐私政策的更新</h2>
                <p class="section-content">
                    我们可能会不时更新本隐私政策。当我们对隐私政策作出重大变更时，我们会在"面试橙子"网页上发布通知，并在更新后的隐私政策生效前通过适当方式提醒你。我们鼓励你定期查阅本隐私政策，以了解我们如何保护你的信息。
                </p>
            </section>

            <section class="agreement-section">
                <h2 class="section-title">八、联系我们</h2>
                <p class="section-content">
                    如果你对本隐私政策有任何疑问、意见或建议，可以通过以下方式与我们联系：
                </p>
                <p class="contact-info">
                    公司名称：上海微迪欧文化传播有限公司<br>
                    联系邮箱：support@ointerview.com
                </p>
            </section>

            <p class="agreement-footer">
                上海微迪欧文化传播有限公司
            </p>
        </div>
    </div>
</template>

<script setup>
    // 隐私政策页面
</script>

<style lang="scss" scoped>
    .agreement-page {
        padding: 20px;
        background-color: #fff;
        min-height: 100vh;

        .agreement-container {
            max-width: 800px;
            margin: 0 auto;
        }

        .agreement-title {
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            margin-bottom: 30px;
            color: #333;
        }

        .agreement-intro {
            font-size: 16px;
            line-height: 1.6;
            margin-bottom: 30px;
            color: #333;
        }

        .agreement-section {
            margin-bottom: 30px;

            .section-title {
                font-size: 20px;
                font-weight: bold;
                margin-bottom: 15px;
                color: #333;
            }

            .section-content {
                font-size: 16px;
                line-height: 1.6;
                color: #333;
                margin-bottom: 15px;
            }

            .section-list {
                padding-left: 20px;

                li {
                    margin-bottom: 10px;
                    line-height: 1.6;
                    font-size: 16px;
                    color: #333;

                    strong {
                        font-weight: bold;
                    }
                }
            }

            .contact-info {
                font-size: 16px;
                line-height: 1.6;
                color: #333;
                margin-top: 10px;
                padding-left: 20px;
            }
        }

        .agreement-footer {
            text-align: right;
            margin-top: 50px;
            font-size: 16px;
            color: #333;
        }
    }
</style>